*{
    padding: 0;
    margin: 0;
}
html,body{
    width: 100%;
}

/* 最外层顶部 */
#wai{
    width: 100%;
    height: 200px;
    background-color: tomato;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
/* 顶部上半部分 */
.ding{  
    width: 100%;
    height: 165px;
    background: url(./图库/head.jpg) no-repeat;
    background-size: 100% 100%;
}
/* 左侧导航 */
.zuo{
    width: 32%;
    height: 35px;
    margin-left: 10%;
    float: left;
}
/* 左侧导航的（li）的样式 */
.zuo li{
    line-height: 35px;
    text-align: center;
    float: left;
    width: 8%;
    font-size: 14px;
}
/* 左侧导航的（a）的样式 */
.zuo li a{
    color: white;
}
/* 右侧导航 */
.you{
    float: right;
    margin-right: 12%;
    height: 35px;
}
/* 左侧导航的（li）的样式 */
.you li{
    line-height: 35px;
    float: left;
    margin-right: 20px;
    font-size: 14px;
}
/* 右侧导航的（a）的样式 */
.you li a{
    color: white;
}
/* logo的位置 */
.logo{
    position: absolute;
    top: 50px;
    left: 300px;
}
/* 顶部下半部分 */
.ding2{
    width: 100%;
    height: 35px;
    background-color: #2A63B3;
}
/* 顶部下半部分居中 */
.xia{
    width: 80%;
    float: left;
    margin-left: 10%;
}
/* 顶部下半部分的调试 */
.xia li{
    line-height: 35px;
    float: left;
    width: 10%;
    text-align: center;
}
/* 下半部分的超链接 */
.xia li a{
    color: white;
}
/* 二级导航宽高 */
.erji{
    width: 80%;
    height: 200px;
}
/* 二级背景颜色和透明 */
.erji li{
    line-height: 50px;
    width: 125%;
    background-color: #2A63B3;
    opacity: 60%;
}
/* 二级导航隐藏 */
.erji{
    display: none;
}
/* 二级导航显示 */
.xia li:hover .erji{
    display: block;
}
/* 二级导航宽高 */
.ertu{
    width: 100%;
    height: 200px;
}
/* 二级背景和透明 */
.ertu li{
    line-height: 50px;
    width: 160%;
    background-color: #2A63B3;
    opacity: 60%;
}
/* 二级导航隐藏 */
.ertu{
    display: none;
}
/* 二级导航显示 */
.xia li:hover .ertu{
    display: block;
}
/* 主页部分 */
.zhong{
    width: 80%;
    height: 2450px;
    margin: 0 auto;
}
/* 主页图片 */
.datu{
    background: url(https://www.htu.edu.cn/_upload/article/images/07/3f/60601455471aaa06f5c26548e204/5272788d-8a0f-4cbc-951e-cd31010c23ae.jpg)no-repeat;
    background-size: 100%;
    height: 570px;
}
/* 师大新闻 */
.shi{
    height: 26px;
    background: url(./图库/cloud.png) 70px center no-repeat;
    border-bottom: 2px solid #1d4e92;
}
/* 更多 */
.geng{
    float: right;
    color: #6C6C6C;
    text-decoration: none;
    margin-top: -30px;
}
/* 开会图 */
.xintu{
    width: 800px;
    height: 500px;
}
/* 新闻框架 */
.xinwen{
    float: right;
    width: 900px;
    margin-right: 50px;
}
/* 新闻下划线 */
.ziti li{
    line-height: 45px;
    border-bottom: 1px solid #e2e3e7;
}
/* 字体颜色 */
.ziti li a{
    color: black;
}
/* 日期右悬浮 */
.kong{
    float: right;
    color: #B9B9B9;
}
/* 通知公告框架 */
.tongzhi{
    width: 550px;
    height: 350px;
    border: 1px solid transparent;
}
/* 顶部 */
.shi2{
    height: 26px;
    background: url(./图库/cloud.png) 70px center no-repeat;
    border-bottom: 2px solid #1d4e92;
}
/* 行高 */
.gonggao{
    line-height: 40px;
}
/* 字体颜色 */
.gonggao li a{
    color: black;
}
/* 院部 */
.yuanbu{
    margin-top: -355px;
    margin-right: 700px;
    float: right;
    width: 600px;
    height: 350px;
    border: 2px solid transparent;
}
/* 教学科研 */
.jiaoyan{
    margin-top: -355px;
    margin-right: 50px;
    float: right;
    width: 600px;
    height: 350px;
    border: 2px solid transparent;
}
/* 媒体师大 */
.meiti{
    width: 400px;
    height: 350px;
    border: 2px solid transparent;
}
/* 校园新媒 */
.xiaoyuan{
    margin-top: -355px;
    margin-right: 1000px;
    width: 400px;
    height: 350px;
    border: 2px solid transparent;
    float: right;
}
/* 影像师大 */
.shexiang{
    margin-top: -355px;
    margin-right: 500px;
    width: 400px;
    height: 350px;
    border: 2px solid transparent;
    float: right;
}
/* 影像师大图片 */
.yingxiang{
    width: 100%;
    height: 80%;
}
/* 文化师大 */
.wenhua{
    margin-top: -355px;
    width: 400px;
    height: 350px;
    border: 2px solid transparent;
    float: right;
}
/* 文化师大图片 */
.xinmei{
    width: 100%;
    height: 80%;
}
/* 图一框架*/
.tuyi{
    float: left;
    text-align: center;
    line-height: 35px;
}
/* 图一宽高 */
.fantu{
    width: 250px;
    height: 100px;
}
/* 图二框架 */
.tuer{
    width: 415px;
    height: 100px;
    float: left;
    text-align: center;
    line-height: 35px;
}
/* 图二的宽高 */
.faner{
    width: 250px;
    height: 100px;
}
/* 图三 */
.tusan{
    width: 415px;
    height: 100px;
    float: left;
    text-align: center;
    line-height: 35px;
}
/* 图四 */
.tusi{
    width: 415px;
    height: 100px;
    float: left;
    text-align: center;
    line-height: 35px;
}
/* 图五 */
.tuwu{
    width: 407px;
    height: 100px;
    float: left;
    text-align: center;
    line-height: 35px;
}
/* 字体 */
.dangxiao{
    color: black;
}
/* 师大24小时 */
.dixia{
    height: 26px;
    background: url(./图库/cloud.png) 100px center no-repeat;
    border-bottom: 2px solid #1d4e92;
}
/* /* 师大24小时图一 */ */
.dituyi{
    width: 15%;
    height: 250px;
}
/* 师大24小时图二 */
.dituer{
    float: right;
    width: 350px;
    height: 220px;
    margin-top: -220px;
    margin-right: 1050px;
}
/* 师大24小时图三 */
.ditusan{
    float: right;
    width: 350px;
    height: 220px;
    margin-top: -220px;
    margin-right: 550px;
}
/* 师大24小时图四 */
.ditusi{
    float: right;
    width: 350px;
    height: 220px;
    margin-top: -220px;
    margin-right: 50px;  
}
/* 底部 */
.jieshu{
    width: 100%;
    height: 200px;
    background: #1d4e92;
}
/* 底部左导航 */
.dizuo{
    margin-left: 20%;
    line-height: 35px;
    width: 15%;
    height: 80%;
    text-align: center;
}
/* 字体颜色 */
.dizuozi a{
    color: #A5B8D3;
    background: url(./图库/bottom_dh.png) left center no-repeat ;
    cursor: pointer;
    font-family: 微软雅黑;
}
/* 底部字体 */
.zuozixia{
    float: left;
}
/* 底部字体 */
.zuoziyou{
    float: right;
    position: relative;
}
/* 低中图标 */
.dizhong{
    background: url(./图库/bottom.png) no-repeat;
    width: 30%;
    margin-right: 700px;
    height: 100px;
    float: right;
    margin-top: -130px;
}
/* 微博图 */
.weibo{
    margin-top: 110px;
    margin-left: 150px;
}
/* 微信图位置 */
.weixin{
    margin-top: -300px;
    margin-left: 230px;
}
/* 微信图 */
.weixintu{
    margin-top: 245px;
    margin-left: 0px;
}
/* 底部二维码设置 */
.erweima{
    margin-top: -200px;
    position: relative;
    bottom: 60px;
    left: -100px;
    display: none;
}
/* 底部二维码显示 */
.weixin li:hover .erweima {
    display: block;
}
/* 二维码隐藏宽高 */
.lalala{
    height: 1px;
    height: 1px;
}
/* 底部右侧 */
.diyou{
    margin-right: 20%;
    margin-top: -160px;
    float: right;
    line-height: 35px;
    width: 15%;
    height: 80%;
    border: 1px solid transparent;
    text-align: center;
    background: url(./图库/bottom_dh.png) left center no-repeat;
}